<%--
  Created by IntelliJ IDEA.
  User: gaosubo3000
  Date: 2020/9/3
  Time: 11:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>党建信息发布</title>
    <meta http-equiv="Content-Type"
          content="text/html; charset=utf-8 ? MYOA_CHARSET : htmlspecialchars($HTML_PAGE_CHARSET))?>"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="/lib/layui/layui/css/layui.css?20190817.1">
    <link rel="stylesheet" href="/lib/layui/layui/css/common.css">
    <link rel="stylesheet" href="/lib/layui/layui/css/eleTree.css">
    <script type="text/javascript" src="/js/jquery/jquery-1.9.1.js"></script>
    <script src="/lib/layui/layui/layui.js"></script>
    <script src="/lib/jquery.form.min.js"></script>
    <script src="/lib/layui/layui/js/baseCode/base.js?v=2019080918:09" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="/lib/layui/layui/global.js"></script>
    <script src="/js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <style>
        /*.box {*/
        /*    width: 95%;*/
        /*    margin: 0 auto;*/
        /*    !*margin-top: 50px;*!*/
        /*}*/

        .headTop {
            width: 100%;
            /*position: fixed;*/
            top: 0px;
            left: 0px;
            height: 45px;
            border-bottom: 1px solid #999;
            background: #fff;
            overflow: hidden;
            z-index: 9999999;
            background: #fff;
        }

        .headTop .headImg {
            float: left;
            width: 23px;
            height: 100%;
            margin-left: 30px;
        }

        .headImg img {
            width: 23px;
            height: 23px;
            margin-top: 11px;
            vertical-align: middle;
        }

        .headTop .divTitle {
            float: left;
            height: 45px;
            line-height: 45px;
            font-size: 22px;
            margin-left: 10px;
            color: #494d59;
        }

        .clearfix {
            *zoom: 1
        }

        .clearfix:after {
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            content: '.';
            font-size: 0
        }

        .head {
            border-bottom: 1px solid #9E9E9E;
            height: 42px;
            width: 100%;
            margin: 0 auto;
            padding-bottom: 3px;
            background: #fff;
            z-index: 9999;
            /*margin-top: 45px*/
        }

        .head li {
            width: 120px;
            height: 28px;
            line-height: 28px;
            display: inline-block;
            float: left;
            font-family: Microsoft yahei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
            font-size: 14px;
            margin-left: 20px;
            margin-top: 6px;
            cursor: pointer;
        }

        .head .headli {
            width: 90px;
            display: inline-block;
            text-align: center;
        }

        .index_head li img {
            border: 0;
            vertical-align: middle;
            width: 2px;
            margin-left: 20px;
        }
        .layui-tab-brief>.layui-tab-title .layui-this{
            color: #9E9E9E;
        }
        .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
            border-bottom: none;
        }
        .layui-this span{
            width: 80px;
            background: cornflowerblue;
            height: 30px;
            display: inline-block;
            line-height: 30px;
            border-radius: 10px;
            color: whitesmoke;
        }
        /*.layui-tab-brief{*/
        /*    background: #fff;*/
        /*}*/
    </style>
</head>
<body>
<div class="content">
    <div class="headTop" id="iframe11">
        <div class="headImg">
            <img src="/img/document/icon_agentDispatch.png" alt="" >
        </div>
        <div class="divTitle">
            党建信息发布
        </div>
    </div>
    <div class="box">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="margin-top: 0;">
            <ul class="layui-tab-title" style="background: #fff;padding-left: 14px;padding: 5px 0">
                <li class="layui-this"><span>党员活动</span><img style="margin-left: 20px;" src="../img/twoth.png" alt=""/></li>
                <li><span>政策文件</span><img style="margin-left: 20px;" src="../img/twoth.png" alt=""/></li>
                <li><span>主题教育</span><img style="margin-left: 20px;" src="../img/twoth.png" alt=""/></li>
                <li><span>宣传阵地</span></li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <iframe vote_id="1" id="iframe1" src="/street/partyMember?tag=1" frameborder="0"     style="width:100%;height:calc(100% - 50px);"></iframe>
                </div>
                <div class="layui-tab-item" >
                    <iframe vote_id="1" id="iframe2" src="/street/zhengcewenjian?tag=1" frameborder="0"  style="width:100%;height:calc(100% - 50px);"></iframe>
                </div>
                <div class="layui-tab-item" >
                    <iframe vote_id="1" id="iframe3" src="/street/subjectTheme?tag=1" frameborder="0"     style="width:100%;height:calc(100% - 50px);"></iframe>
                </div>
                <div class="layui-tab-item">
                    <iframe vote_id="1" id="iframe4" src="/position/managerIndex?tag=1" frameborder="0"   style="width:100%;height:calc(100% - 50px);"></iframe>
                </div>
            </div>
        </div>
    </div>


</div>
</body>
</html>
<script>
    layui.use('element', function () {
        var $ = layui.jquery
            , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

        $('.site-demo-active').on('click', function () {
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });

        //Hash地址的定位
        var layid = location.hash.replace(/^#test=/, '');
        element.tabChange('test', layid);

        element.on('tab(test)', function (elem) {
            location.hash = 'test=' + $(this).attr('lay-id');
        });

    })
</script>
<script type="text/javascript">
        window.onload = function () {
        var _iframe = document.getElementById('iframe1').contentWindow;
        var _div = _iframe.document.getElementById('iframe11');
        var _div11 = _iframe.document.getElementById('content11');
        var addl = _iframe.document.getElementById('addl');
        _div.style.display = 'none';
        addl.style.display = 'block';
        _div11.style.paddingTop = 0;
        _div11.style.background = '#f2f2f2'


        var _iframe2 = document.getElementById('iframe2').contentWindow;
        var _div2 = _iframe2.document.getElementById('iframe12');
        _div2.style.display = 'none';


        var _iframe3 = document.getElementById('iframe3').contentWindow;
        var _div3 = _iframe3.document.getElementById('iframe13');
        _div3.style.display = 'none';

        var _iframe4 = document.getElementById('iframe4').contentWindow;
        var _div4 = _iframe4.document.getElementById('iframe14');
        _div4.style.display = 'none';
    }


</script>
